body {
  background: #f4f4f4;
}
  #tab-div {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #ebebeb;
    background: #fff;
   
    margin: auto;
  }
  .tab-item {
    flex: 1;
    text-align: center;
    height: 49px;
    font-size: 12px;
  }
  .tab-item img {
    width: 100%;
    height: 100%;
    /*margin-right: -1px;*/
    vertical-align: middle;
    margin-bottom: 2px;
  }
  .item-div{
    width:22px;
    height: 22px;
    margin:0 auto;
  }
  .search-div01{
      width: 100%;
      height: 50px;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      background: rgb(255, 255, 255);
  }
  .top-div{
    left: 0;
     right: 0;
  }
  .types{
    display: flex;
    margin-top: 50px;
    top:0%;
    left: 0;
    right: 0;
    position: fixed;
  }
  .type-div{
    height: 100%;
    top:50px;
    background-color: #fafafa;
    flex:1;
    
  }
  
  .search-details-div{
    padding-left: 8px;
    background-color: #f7f8fa;
    margin: 10px 12px;
    height: 34px;
  }
 .serch-icon{
 height: 100%;
 float: left;
 }
 .serch-input{
  background:none;  
	outline:none;  
	border:0;
   width: 100%;
  height: 24px;
 }
 .serch-input-div{
float: left;
width :100%;
margin: 4px 2px;
 }
 .scroll{
  overflow-y:auto; 
  overflow-x:auto;
 }
 .type-name-div{
  width: 32.3%;
  height: 100%;
  float: left;
 }
 .type-details-div{
   float: left;
  width: 66.6%;
  height: 50px;
  min-height: 85vh;
  background-color: #fff;
}
ul,li{
  list-style: none;
  padding: 0;
  margin: 0;
}
.type-details-ul{
  justify-content: space-around;
  flex-wrap: wrap;
  display: flex;
  
}
.type-details-li{
  display: list-item;
  text-align: -webkit-match-parent;
  width: 100px;
}
.type-details-li>img{
  width: 90px;
}
.type-details-li>p{
  font-size: 12px;
}
.type-name-li{
  width: 100%;
  height: 44px;
}
.type-name-lis{
  width: 100%;
  height: 44px;
  background-color: #fff;
}
.type-name-li-div{
  height: 100%;
  width: 2px;
  float: left;
}
.type-name-li-divs{
  height: 100%;
  width: 2px;
  float: left;
  background: #c03131;
}
.type-name-li-name{
  float: left;
  color:#323233;
  margin: 12px 8px 12px 12px;
  font-size: 14px;
}
a {
  color:#323233;
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}

.on {
  border-left: 1px solid #c03131;
  background-color: #eee;
}

